https://wolke.github.io/flopgame

題目：Cursor AI 協作開發：翻牌記憶遊戲

大綱：

1. 翻牌記憶遊戲介紹
   • 遊戲規則說明：翻開相同圖案即得分
   • 手機體驗為主：調整畫面大小適合手機操作
2. Cursor AI 初步建構
   • 使用 Cursor AI 生成遊戲基礎架構
   • 說明 MVC 架構與 RWD 設計
   • 呈現 AI 生成的程式碼： HTML, CSS, JavaScript (model.js, view.js, controller.js)
3. 測試與修正遊戲邏輯
   • 展示遊戲初始畫面：藍色卡片與問號
   • 指出問題：卡片翻面後未顯示圖案
   • 與 Cursor AI 互動：描述問題並要求修正
   • AI 修正程式碼：在 view.js 的 renderCards 加入圖案顯示邏輯
4. 進階功能：計時器與重置按鈕
   • 新增遊戲計時功能
   • 加入重置遊戲按鈕
   • 說明如何與 Cursor AI 溝通需求
   • 測試計時器與重置按鈕
5. 結語與互動
   • 邀請觀眾留言討論與 AI 協作開發的經驗
   • 鼓勵觀眾提出問題與建議

Hashtag 關鍵字：

#CursorAI #遊戲開發 #翻牌記憶遊戲 #MVC #RWD #JavaScript #HTML #CSS #AI協作開發 #程式設計 #軟體開發 #遊戲邏輯 #計時器 #重置按鈕 #前端開發